// import React from 'react';
// import {
//     View,
//     StyleSheet,
//     Text,
//     TouchableOpacity,
//     Dimensions
// } from 'react-native';
// import { DraggableGrid } from './react-native-draggable-grid/src/index';
// let screenW = Dimensions.get('window').width;
// interface MyTestProps {
//
// }
//
// interface MyTestState {
//     data: { key: string, name: string }[];
// }
//
// export default class DragList extends React.Component<MyTestProps, MyTestState> {
//
//     constructor(props: MyTestProps) {
//         super(props);
//         this.state = {
//             data: [
//                 { name: '1', key: 'one' },
//                 { name: '2', key: 'two' },
//                 { name: '3', key: 'three' },
//                 { name: '4', key: 'four' },
//                 { name: '5', key: 'five' },
//                 { name: '6', key: 'six' },
//                 { name: '7', key: 'seven' },
//                 { name: '8', key: 'eight' },
//                 { name: '9', key: 'night' },
//                 { name: '0', key: 'zero' },
//                 { name: '23', key: 'ze123ro' },
//             ],
//             edit: false
//         };
//         __DEV__ && console.warn(props);
//     }
//
//     render_item = (item: { name: string, key: string }, obj) => {
//
//         return (
//
//             <View
//                 style={styles.item}
//                 key={item.key}
//             >{this.state.edit && <TouchableOpacity
//                 onPress={() => {
//
//                     let result = this.state.data.filter((obj) => {
//                         return item.key !== obj.key;
//                     });
//                     this.setState({ data: result });
//
//                 }}
//             >
//                 <Text>{'删除'}</Text>
//             </TouchableOpacity>}
//
//                 <Text style={styles.item_text}>{item.name}</Text>
//             </View>
//
//         );
//     }
//
//     render() {
//         return (
//             <View style={styles.wrapper}>
//                 <TouchableOpacity
//                 onPress={()=>{
//                     this.setState({edit:!this.state.edit},()=>{
//
//                     })
//                 }}
//                 >
//                     <Text>
//                         {this.state.edit?'完成':'编辑'}
//                     </Text>
//                 </TouchableOpacity>
//                 <DraggableGrid
//                     numColumns={4}
//                     lastItemPress={this.lastPress}
//                     renderItem={this.render_item}
//                     data={this.state.data}
//                     itemHeight={screenW / 4}
//                     editAble={() => {
//                         this.setState({ edit: true });
//                     }}
//                     onDragRelease={(data)=>{
//                         this.setState({data:data})
//                     }}
//                 />
//             </View>
//         );
//     }
//     lastPress = () => {
//         let result = this.state.data;
//         result.push({ name: '33', key: '123' });
//         this.setState({ data: result });
//     }
// }
//
// const styles = StyleSheet.create({
//     button: {
//         width: screenW / 4,
//         height: screenW / 4,
//         backgroundColor: 'blue',
//     },
//     wrapper: {
//         paddingTop: 100,
//         width: '100%',
//         height: '100%',
//         justifyContent: 'center',
//     },
//     item: {
//         width: screenW / 4,
//         height: screenW / 4,
//         borderRadius: 8,
//         backgroundColor: 'red',
//         justifyContent: 'center',
//         alignItems: 'center',
//     },
//     item_text: {
//         fontSize: 40,
//         color: '#FFFFFF',
//     },
// });
